﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="uMESProductionProblemDisposeForm.aspx.cs" Inherits="uMESProductionProblemDisposeForm" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>生产问题处理看板</title>
    <link href="../style/Kanban/uMESFactoryProductionKanBanForm.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/json2.js"></script>
    <script type="text/javascript" src="../Scripts/jquery-1.8.2.js"></script>
    <style>
        #grid {
            width: 100%;
            border: 2px;
            min-height: 30px;
            line-height: 30px;
            border-collapse: collapse;
            text-align: center;
            border-color: #41497c;
            font-size: 15px;
            color: #ffffff;
        }

            #grid tr th, #grid tr td {
                border: 1px solid #41497c;
            }

        #tabProblem {
            width: 100%;
            margin-top: 20px;
            border-collapse: collapse;
            color: #ffffff;
        }

            #tabProblem tr td {
                width: 16%;
                font-size: 25px;
                text-align: center;
                height: 50px;
                line-height: 50px;
                border: 2px solid #41497c;
            }
    </style>
</head>
<body style="background-color: rgb(9,23,58); font-family: 'Microsoft JhengHei'">
    <form id="form1" runat="server">
        <div>
            <div>
                <input id="factoryid" type="hidden" value="<%= FactoryID%>" />
                <div id="divScreen" style="width: 19%; height: 80px; line-height: 80px; overflow: hidden; float: left; display: table-cell; vertical-align: middle;">
                    <input id="checkIsCurrentFactory" type="checkbox" checked="checked" style="margin-left: 10%;" onchange="JavaScript:refreshPage()" />
                </div>
                <div class="headCaption1">生产问题处理看板</div>
                <div id="currentTime"></div>
                <div style="padding-top: 80px">
                    <input type="hidden" id="hidPageCount" value="0" />
                    <input type="hidden" id="hidCurrentPage" value="0" />
                    <table id="grid" border="1" style="font-size: 20px">
                    </table>
                </div>
            </div>
            <%--<div style="width: 100%; padding-top: 20px;">
                <div class="divStyle1">完成率</div>
                <div class="divStyle2" id="FinishRate"></div>
                <div class="divStyle1">回复率</div>
                <div class="divStyle2" id="ReplayRate"></div>
                <div class="divStyle1">超期率</div>
                <div class="divStyle2" id="OverdueRate"></div>
            </div>--%>
            <table id="tabProblem">
                <tr>
                    <td style="background-color:#ff6700;">完成率</td>
                    <td id="FinishRate"></td>
                    <td style="background-color:#ff6700;">回复率</td>
                    <td id="ReplayRate"></td>
                    <td style="background-color:#ff6700;">超期率</td>
                    <td id="OverdueRate"></td>
                </tr>
            </table>
        </div>
        <script src="../Scripts/Kanban/KanbanJs.js" type="text/javascript"></script>
        <script src="../Scripts/Kanban/ProductionProblemDispose.js" type="text/javascript"></script>
        <script type="text/javascript">
            //var windowHeight = $(window).height();
            var pageSize = 14; //parseInt((windowHeight - 170) / 30) - 1;   //表格每页行数
            var t = <%=ConfigurationManager.AppSettings["clockTiming"]%>;
            var factoryid = $.trim($("#factoryid").val());
            setInterval(showTime, 500);
            
            getProblemLook();
            function refreshPage(){
                t = <%=ConfigurationManager.AppSettings["clockTiming"]%>;
                $('#hidCurrentPage').val(Number($('#hidCurrentPage').val())-1);
                getProblemLook();
            };
            window.setInterval(function () {
                if (Number($('#hidCurrentPage').val()) > Number($('#hidPageCount').val())) {
                    $('#hidCurrentPage').val('1');
                };
                getProblemLook();
            }, t);
        </script>
    </form>
</body>
</html>
